<template>
    <div class="right-bot">
        <p>公告栏</p>
        <div class="com">
            <div><span>通知</span>比切子更特体委你到一个缺块心思</div>
            <div><span>通知</span>就阿斯利康大家啊时刻牢记就了喀什</div>
            <div><span>通知</span>啊数据库里的好几家空间哈蛇口街道</div>
            <div><span>通知</span>现在就车厘子学科成绩考虑就开了就</div>
            <div><span>通知</span>啊三六九等拉萨记录卡</div>
            <div><span>通知</span>打了卡时间点开链接撒卡拉季离开家考虑</div>
            <div><span>通知</span>就撒考虑到就开了撒记得离开家来开</div>
            <div><span>通知</span>拉萨肯看见了控制箱春节快乐皂洗剂</div>
            <div><span>通知</span>阿圣诞节啊三六九等哦啊三等奖康记录卡</div>
            <div><span>通知</span>阿斯利康姐弟俩时间看见了记录卡</div>
        </div>
    </div>
</template>

<script setup lang="ts">


</script>

<style scoped lang="scss">
.right-bot {
    width: 100%;
    height: 300px;
    background: #fff;
    margin-top: 10px;
    border-radius: 8px;

    p {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding-left: 8px;
        font-size: 14px;
    }

    .com {
        width: 100%;
        height: 265px;
        overflow: hidden;
        overflow-y: scroll;

        div {
            font-size: 14px;
            height: 40px;


            span {
                width: 40px;
                height: 25px;
                background: #FFF1ED;
                float: left;
                font-size: 12px;
                border-radius: 8px;
                text-align: center;
                line-height: 25px;
                margin-right: 5px;
                margin-left: 10px;
                color: #FA4A1E;
            }
        }
    }
}
</style>